@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:650px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:650px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:650px;}
.bant{ width:120px; height:8px; position:absolute; top:696px; left:50%; margin-left:-520px;}
.bant li{ width:8px; height:8px; border-radius:8px; background:#d4d4d4; float:left; margin:0 25px 0 0;}
.bant .on{background:#26365a;}
.arr3{ position:absolute; top:690px; left:50%; width:9px; height:17px; margin-left:-580px;}
.arr4{position:absolute; top:690px; left:50%; width:9px; height:17px; margin-left:-400px;}

.tit{ height:115px; text-align:center; position:relative; font:40px "Microsoft YaHei"; color:#333;}
.tit b{ display:inline-block; position:relative; padding-left:38px; margin-left:11px;}
.tit b:before{ content:""; position:absolute; top:16px; left:0; width:20px; height:20px; background:url(../images/h.png) no-repeat;}
.tit a{ display:block; color:#333;}
.tit span{ display:block; font:22px "Microsoft YaHei"; color:#666; padding-top:5px;}

.yinz{ height:449px; padding-top:72px; background:url(../images/yinz_bg.jpg) no-repeat center top; overflow:hidden;}
.yinz dt{ width:576px; height:337px; overflow:hidden; border:5px solid #fff; border-radius:0.3rem; float:left;}
.yinz dt img{ width:100%; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd{ width:505px; float:right; margin-top:86px;}
.yinz dd h3{ font:36px "Microsoft YaHei"; font-weight:bold; color:#26365a;}
.yinz dd h3 em{ display:block; font:24px "Microsoft YaHei"; color:#333;}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#333; margin-top:50px;}
.yinz dd p b{ color:#26365a; font-size:18px;}

.pro{ height:900px; padding-top:90px; overflow:hidden;}
.fen{ width:242px; border:5px solid #26365a; height:670px; overflow:hidden;}
.fen h2{ height:64px; background:#26365a; overflow:hidden; font:24px "Microsoft YaHei"; font-weight:bold; line-height:64px; overflow:hidden;}
.fen h2 a{ display:block; color:#fff; padding-left:24px;}
.fen h3{     height: 47px;
    background: url(../images/fen_line.gif) repeat-x center;
    overflow: hidden;
    font: 18px "Microsoft YaHei";
    font-weight: bold;
    line-height: 48px;
    overflow: hidden;}
.fen h3 a{ display:block; color:#333; padding-left:22px; background:url(../images/fen_arr.png) no-repeat 210px;}
.fen h3 a:hover{ color:#006bc9;}
.fen li{ font:15px "Microsoft YaHei"; line-height:35px; border-top:1px solid #e5e5e5; overflow:hidden;}
.fen li a{ display:block; padding-left:45px; background:url(../images/fen_arr2.png) no-repeat 25px center;}
.fen li a:hover{ font-weight:bold; color:#006cca; background:url(../images/fen_arr1.png) no-repeat 25px center;}

.pro1{ width:910px; overflow:hidden;}
.pro2{ height:430px; overflow:hidden; position:relative;}
.pro2 dl{ height:412px; border:1px solid #ccc; overflow:hidden;}
.pro2 dt{ width:550px; height:412px; float:left; overflow:hidden;}
.pro2 dt img{ display:block;width:550px; height:412px; }
.pro2 dd{ width:295px; padding:60px 35px 0 0; float:right; overflow:hidden;}
.pro2 dd h3 a{ display:block; font:22px "Microsoft YaHei"; font-weight:bold; line-height:45px; height:45xp; overflow:hidden; color:#333;}
.pro2 dd .prodd{ font:14px "Microsoft YaHei"; line-height:30px;}
.pro2 dd p{ font:14px "Microsoft YaHei"; line-height:30px;}
.pro2 dd p b{ font-size:16px; color:#333;}
.pro2 dd span{ display:block; width:149px; height:42px; font:16px "Microsoft YaHei"; line-height:42px; border-radius:0.3rem; margin-top:20px; background:#26365a url(../images/pro_arr.png) no-repeat 104px;}
.pro2 dd span a{ color:#fff; display:block; padding-left:25px;}
.arr1 a{ display:block; width:50px; height:70px; background:rgba(38,54,90,0.6); font:30px "宋体"; font-weight:bold; text-align:center; line-height:70px; color:#fff; position:absolute; top:40%; left:0;}
.arr2 a{ display:block; width:50px; height:70px; background:rgba(38,54,90,0.6); font:30px "宋体"; font-weight:bold; text-align:center; line-height:70px; color:#fff; position:absolute; top:40%; right:0;}
.pro4 li{ width:287px; float:left; margin-right:25px;}
.pro4 li img{ display:block; width:285px; height:214px; border:1px solid #d9d9d9;}
.pro4 li em{ display:block; font:16px "Microsoft YaHei"; line-height:48px; height:48px; overflow:hidden; color:#333; text-align:center;}
.pro4 li a:hover img{ border:2px solid #26365a;width:281px; height:210px; }
.pro4 li a:hover em{ display:block; color:#26365a; font-weight:bold;}

.jiag{ height:812px; padding-top:96px; background:url(../images/jiag_bg.gif); overflow:hidden;}
.jiag h2{ background:url(../images/jiag_h.gif) no-repeat; width:198px; height:38px; float:left; margin-bottom:20px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center; line-height:38px; color:#fff; overflow:hidden;}
.jiag h2 a{ display:block; color:#fff;}
.jiagt{ width:450px; float:right; height:38px; font:14px "Microsoft YaHei"; overflow:hidden;}
.jiagt a{ display:block; margin:0 18px; float:left; line-height:30px; height:31px; position:relative;}
.jiagt a:before{ content:""; position:absolute; top:9px; right:-18px; width:1px; height:10px;background:url(../images/jiag_line.gif) no-repeat right center;}
.jiagt a:last-child:before{ background:none; margin-right:0;}
.jiagt a:hover,.jiagt .cur{ border-bottom:3px solid #26365a;}

.jiag1{ height:541px; overflow:hidden;}
.jiag2{ height:545px; overflow:hidden;}
.jiag3{ width:238px; float:left; overflow:hidden;}
.jiag3 li{width:238px; height:133px; margin-bottom:2px; overflow:hidden;}
.jiag3 li img{ display:block;width:238px; height:133px;}
.jiag3 li:hover img,.jiag3 .cur2 img{width:234px; height:129px; border:2px solid #3598db;}
.jiag4{ width:959px; height:541px; overflow:hidden; float:right;}
.jiag4 dl{ height:541px; position:relative; overflow:hidden;}
.jiag4 dt img{ display:block; width:959px; height:541px;}
.jiag4 dd{ background:rgba(255,255,255,0.8); width:959px; height:50px; position:absolute; bottom:0; font:16px "Microsoft YaHei"; text-align:center; color:#333; line-height:50px;}

.case{ height:915px; margin-top:85px; overflow:hidden;}
.case dl{ height:450px; background:#f7f7f7; overflow:hidden;}
.case dt{ width:598px; height:450px; float:left; overflow:hidden;}
.case dt img{ display:block; width:598px; height:450px;}
.case dd{ display:block; width:395px; float:left; padding:70px 0 0 70px; overflow:hidden;}
.case dd h3{ font:30px "Microsoft YaHei"; font-weight:bold; color:#333; padding-bottom:12px; position:relative;}
.case dd h3 a{ display:block; color:#333;}
.case dd h3 em{ display:block; font:60px Arial; color:#d7d7d7; text-transform:uppercase;}
.case dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:64px; height:1px; background:#26365a;}
.case dd p{ font:14px "Microsoft YaHei"; line-height:26px; height:104px; margin:20px 0 40px;}
.case dd span{display:block;width:162px; height:42px; background:#26365a; font:14px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff;}
.case dd span a{ color:#fff;}
.case li{ margin:36px 30px 0 0; width:369px; height:285px; float:left; overflow:hidden; position:relative;}
.case li img{ display:block; width:369px; height:285px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case li em{ display:block; width:380px; height:50px; background:rgba(38,54,90,0.6); font:14px "Microsoft YaHei"; text-align:center; line-height:50px; color:#fff; overflow:hidden; position:absolute; bottom:0;}
.case .nones{ margin-right:0;}

.par{ height:235px; overflow:hidden;}
.par li{ width:216px; float:left; margin-right:30px;}
.par li img{ display:block; width:214px; height:100px; border:1px solid #ccc;}
.par li em{ display:block; font:14px "Microsoft YaHei"; line-height:55px; height:55px; color:#333; overflow:hidden; text-align:center;}
.par li a:hover img{ border:2px solid #26365a; width:210px; height:96px;}
.par li a:hover em{ color:#26365a; font-weight:bold;}

.ys{ height:1080px; background:url(../images/jiag_bg.gif);overflow:hidden;}
.ys1{ overflow:hidden; background:url(../images/ys_bg.jpg) no-repeat center top; }
.ys .tit{ padding-top:100px; color:#fff;}
.ys .tit span{ color:#fff;}
.yst{ padding:0 0 0 75px; height:100px; overflow:hidden;}
.yst li{ width:185px; float:left; border-bottom:1px solid rgba(53,152,219,0); margin-right:35px; height:59px; font:16px "Microsoft YaHei"; line-height:58px; color:#fff;}
.yst li span{ display:block; width:27px; height:25px; float:left; margin:17px 9px 0 25px; overflow:hidden; position:relative;}
.yst li span img{display:block; width:27px; height:25px;}
.yst li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.yst li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.yst li:hover em,.yst .cur em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.yst li:hover i,.yst .cur i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.yst li:hover,.yst .cur{ font-weight:bold; color:#3598db;border-bottom:1px solid rgba(53,152,219,1);}
.ys2{ height:675px; overflow:hidden;}
.ys2 dl{ position:relative;}
.ys2 dt img{ display:block; width:1200px; height:675px;}
.ys2 dd{ height:120px; background:rgba(38,54,90,0.9); position:absolute; bottom:0; width:1200px; bottom:0;}
.ys2 dd h3{ font:24px "Microsoft YaHei"; color:#fff; width:280px; float:left; margin:27px 0 0 60px; padding-right:30px; height:59px; border-right:1px solid #8991a3;}
.ys2 dd h3 em{ display:block;}
.ys2 dd p{ width:730px; float:right; padding:25px 60px 0 0; font:14px "Microsoft YaHei"; line-height:26px; color:#fff;}

.new{ height:650px; overflow:hidden;}
.new .tit b,.about .tit b{  padding-left:0; margin-left:0;}
.new .tit b:before,.about .tit b:before{background:none;}
.dy{ width:500px; overflow:hidden;}
.dy dl{height: 80px;padding:10px 0;overflow:hidden;}
.dy dt{ width:70px; font:40px Arial; color:#030303b; text-align:center; float:left;}
.dy dt em{ display:block; font:14px "Microsoft YaHei";}
.dy dd{ width:400px; float:right; overflow:hidden;}
.dy dd h3 a{ display:block; font:16px "Microsoft YaHei"; line-height:30px; color:#333; height:30px; overflow:hidden;}
.dy dd p{font:15px "Microsoft YaHei";line-height:24px;padding-top:3px;height: 48px;}
.dy dd h3 a:hover,.faq dt a:hover{ font-weight:bold; color:#26365a;}
.more{padding-top: 24px;border-top:1px solid #ccc;margin-top:15px;}
.more a{ display:block; width:99px; height:28px; border:1px solid #ccc; font:14px "Microsoft YaHei"; text-align:center; line-height:28px;}
.more a:hover{ border:1px solid #26365a; background:#26365a; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.tit1{ height:45px; font:20px "Microsoft YaHei"; font-weight:bold; line-height:45px; overflow:hidden; color:#26365a; background:url(../images/new_line.gif) no-repeat left bottom; margin-bottom:20px;}
.tit1 a{ color:#26365a;}
.tit1 em{ font:20px "Microsoft YaHei"; color:#666; padding-left:8px;}

.faq{ width:600px; overflow:hidden;}
.faq dl{ padding:7px 0;}
.faq dt a{ display:block; font:16px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; background:url(../images/q.gif) no-repeat left center; padding-left:36px; color:#333;}
.faq dd{ font:14px "Microsoft YaHei"; line-height:26px; color:#666;background:url(../images/a.gif) no-repeat left 3px; padding-left:36px; margin-top:4px;}

.about2{ background:url(../images/about_bg.jpg) no-repeat center top; height:350px; overflow:hidden;}
.about2 dl{ width:1110px; margin:0 auto; padding-left:90px;}
.about2 dt{ width:600px; height:350px; float:right; overflow:hidden;}
.about2 dt img{ display:block;width:600px; height:350px;}
.about2 dd{ width:415px; float:left; padding-top:30px;}
.about2 dd h3 a{ display:block; font:30px "Microsoft YaHei"; font-weight:bold; color:#26365a; padding-bottom:8px;}
.about2 dd p{ font:14px "Microsoft YaHei"; line-height:28px; height:140px; overflow:hidden;} 
.about2 dd span a{display:block;width:100px; height:30px; background:#26365a; font:14px Arial; text-align:center; line-height:30px; color:#fff; text-transform:uppercase; margin-top:20px;}

.pic{ height:380px; background:url(../images/pic_bg.jpg) no-repeat center top; padding-top:100px; overflow:hidden;}
.pict{ width:205px; height:220xp; float:left; overflow:hidden;}
.pict li{ margin-bottom:15px; font:18px "Microsoft YaHei";}
.pict li a{ display:block; text-align:right; padding-right:30px; color:#dfe0e3;}
.pict li em{ display:block; padding-top:6px; color:#3a4867; text-transform:lowercase;}
.pict li a:hover,.pict .cur a{ font-weight:bold; color:#3598db; background:url(../images/pic_arr.png) no-repeat right 8px;}
.pict li a:hover em,.pict .cur em{ font-weight:normal; color:#273f65;}
.pic1{ width:920px; float:right; overflow:hidden; height:220px;}
.pic1 li{ width:298px; height:183px; float:left; margin-right:12px; overflow:hidden;}
.pic1 li img{ display:block;width:298px; height:183px; }
.pic1 li a:hover img{width:294px; height:179px; border:2px solid #3598db;}
.pic1 .pic2:nth-child(2) li img{width:296px; height:181px; border:1px solid #ccc;}

.link{font:14px "Microsoft YaHei"; padding:18px 0;}
.link a{ display:inline-block;padding:0 20px; line-height:24px;}
.link a:hover{font-weight:bold; color:#3598db;}